.dialog-warp {
  width: 100%;
  height: 100%;
  //max-height: 80vh;
  //overflow: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  form {
    width: 100%;
  }
}

button {
  margin-right: 12px;
  &:focus {
    outline: none;
  }
}

.dialog-title {
  width: 100%;
  height: 56px;
  background: #8847dc;
  color:#fefefe;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  h3 {
    padding: 0 19px;
  }
}
.dialog-action {
  width: 100%;
  height: 56px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, .12);
}
.dialog-content {
  width: 100%;
  padding: 30px 0 10px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.dialog-content-columnItem {
  display: flex;
  padding: 0 48px;
  width: 100%;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  .form-field-item, .mat-form-field {
    width: 100%;
  }
}

.dialog-content-rowItem {
  display: flex;
  padding: 0 48px;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  .mat-form-field {
    width: 48%;
  }
}
